<template>
    <div class="edit-testpage-box"> 
        <m-activity :relGroup="componentId" v-if="type.activity === componentType"></m-activity>
    </div> 
</template>
<script>
    import CustomerActivity from "./CustomerActivity";
    import {mapGetters} from "vuex";
    export default {
        data () {
            return {
                type: {
                    activity: "CustomerActivity"
                }
            }
        },
        computed: {
            ...mapGetters([
                "editConfig"
            ]),
            componentType() {
                return this.editConfig.type;
            },
            componentId() {
                return this.editConfig.id;
            }
        },
        methods: {

        },
        created () {
            this.setEditConfig("a0003", {test: "hahahahahah"});
        },
        components: {
            "m-activity": CustomerActivity
        }
    }
</script>
<style scoped>
    .test2 {
        background: blue;
        width: 100px;
        height: 100px;
    }
    .edit-testpage-box {
        height: 500px;
        width: 100%;
        overflow-x: scroll;
    }
</style>
